<%@page import="cn.bdqn.util.VarUtil"%>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>超市账单管理系统</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<link rel="stylesheet" href="css/public.css"/>
    <link rel="stylesheet" href="css/style.css"/>
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript">
    	function checkInput(obj){
    		//providerId
    		var $this =  $(obj);
	    	if($this.val()==""){
	    		$this.next().css("color","red");
	    		$this.css("border-color","red");
	    		return false;
	    	}else{
	    		$this.next().val("");
	    		$this.css("border-color","green");
	    		return true;
	    	}
    	}
    	function phone(obj){
       		//userphone
       		var reg = /^1(3|5|8)\d{9}$/;
        	var $this =  $(obj);
        	if($this.val()==""){
        		$this.next().css("color","red");
        		$this.css("border-color","red");
        		return false;
        	}else if(!reg.test($this.val())){
        		$this.next().css("color","red");
        		$this.css("border-color","red");
        		return false;
        	}else{
        		$this.next().text("");
        		$this.css("border-color","green");
        		return true;
        	}
       	}
   
    $(document).ready(function(){
    	$("#providerId").blur(function(){
    		checkInput(this);
    	});
    	$("#providerName").blur(function(){
    		checkInput(this);
    	});
    	$("#people").blur(function(){
    		checkInput(this);
    	});
    	$("#phone").blur(function(){
    		phone(this);
    	});
    	
    	$("form").submit(function(){
	    	
	    	if(checkInput($("#providerId")) & checkInput($("#providerName")) & checkInput($("#people")) & phone($("#phone"))){
	    		return true;
	    	}
	    	return false;
	    	
    	});
    	
    });
    </script>
</head>
<body>
<!--头部-->
<header class="publicHeader">
    <h1>超市账单管理系统</h1>

    <div class="publicHeaderR">
        <p><span id="halfDay">下午好！</span><span style="color: #fff21b"> ${sessionScope.user.userName }</span> , 欢迎你！</p>
        <a href="LogoutServlet">退出</a>
    </div>
</header>
<!--时间-->
<section class="publicTime">
    <span id="time">2015年1月1日 11:11  星期一</span>
    <a href="http://www.google.cn/">温馨提示：为了能正常浏览，请使用高版本浏览器！（IE10+）</a>
</section>
<!--主体内容-->
<section class="publicMian ">
    <div class="left">
        <h2 class="leftH2"><span class="span1"></span>功能列表 <span></span></h2>
        <nav>
            <ul class="list">
                <li><a href="BillListServlet">账单管理</a></li>
                <li id="active"><a href="ProviderListServlet">供应商管理</a></li>
                <li><a href="UserListServlet">用户管理</a></li>
                <li><a href="jsp/password.jsp">密码修改</a></li>
                <li><a href="LogoutServlet">退出系统</a></li>
                <li>在线人数：<%=VarUtil.ONLINE_COUNT %> 人</li>
                <li>访问量：<%=session.getServletContext().getAttribute("count") %> 次</li>
            </ul>
        </nav>
    </div>
    <div class="right">
        <div class="location">
            <strong>你现在所在的位置是:</strong>
            <span>供应商管理页面 >> 供应商添加页面</span>
        </div>
        <div class="providerAdd">
            <form action="ProviderAddServlet" method="post">
                <!--div的class 为error是验证错误，ok是验证成功-->
                <div class="">
                    <label for="providerId">供应商编码：</label>
                    <input type="text" name="providerId" id="providerId"/>
                    <span>*请输入供应商编码</span>
                </div>
                <div>
                    <label for="providerName">供应商名称：</label>
                    <input type="text" name="providerName" id="providerName"/>
                    <span >*请输入供应商名称</span>
                </div>
                <div>
                    <label for="people">联系人：</label>
                    <input type="text" name="people" id="people"/>
                    <span>*请输入联系人</span>

                </div>
                <div>
                    <label for="phone">联系电话：</label>
                    <input type="text" name="phone" id="phone"/>
                    <span>*请输入联系电话</span>
                </div>
                <div>
                    <label for="address">联系地址：</label>
                    <input type="text" name="address" id="address"/>
                    <span></span>
                </div>
                <div>
                    <label for="fax">传真：</label>
                    <input type="text" name="fax" id="fax"/>
                    <span></span>
                </div>
                <div>
                    <label for="describe">描述：</label>
                    <input type="text" name="describe" id="describe"/>
                </div>
                <div class="providerAddBtn">
                    <!--<a href="#">保存</a>-->
                    <!--<a href="providerList.html">返回</a>-->
                    <input type="submit" value="保存" />
                    <input type="button" value="返回" onclick="history.back(-1)"/>
                </div>
            </form>
        </div>

    </div>
</section>
<footer class="footer">
    版权归北大青鸟
</footer>
<script src="js/time.js"></script>

</body>
</html>
